@import '../../less/theme.less';
@import '../../less/variable.less';

.left{
  display: inline-block;
  font-size: 25px;
  margin-left: -30px;
  &>a{
    color: #CCD3E2;
  }
}


@media screen and (min-width: 700px) {
  .right{
    display: inline-block;
    float: right;


    &> .menu{
      display: inline-block;
      margin-right: 10px;
      background: @deep-gray;
    }

    &> .search{
      display: inline-block;
      margin-right: -45px;
    }

    & :global(.ant-menu-horizontal){
      line-height: 63px;
    }
  }

  & :global(.ant-menu-horizontal .ant-menu-item a){
    color: #CCD3E2;
  }
  & :global(.ant-menu-horizontal .ant-menu-item-selected a){
    color: #1890ff;
  }
}

@media screen and (max-width: 700px) {
  .right{
    display: none;
  }
}




